<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<meta name="renderer" content="webkit" />
		<meta name="author" content="liuy" />
		<title>课程中心-视频</title>
		<link rel="stylesheet" href="https://cdn.staticfile.org/Swiper/4.4.0/css/swiper.min.css" />
		<link rel="stylesheet" href="css/reset.css">
		<link rel="stylesheet" href="css/index.css" />
		<script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div id="loading">
			<div class="circle"></div>
		</div>
		<!-- 过渡 end -->
		<div class="allPage innerPage" screen="false">
			<div class="top-bar">
				<div class="tip-box">
					<div class="wrap">
						<div class="left-column">
							<p>欢迎来到和而不容，<a href="">请登录</a></p>
						</div>
						<div class="right-column">
							<a href="">和而不同网校中心</a>
							<a href="">生涯舟教育</a>
						</div>
					</div>
				</div>

				<div class="top-box">
					<div class="wrap">
						<a href="javascript:history.go(-1)" class="back" pc="hide">&lt;</a>
						<div class="top-nav" wap="hide">
							<ul>
								<!-- 当前栏目 li 加 class="current" -->
								<li class="current"><a href="">首页</a></li>
								<li><a href="">课程中心</a></li>
							</ul>
						</div>
						<!-- 未登陆时 -->
						<!-- <div class="m-login"><a href="">登录</a></div> -->
						<!-- 登陆后 -->
						<h1 pc="hide">课程中心</h1>
						<div class="m-login">
							<div class="u-account">
								<div class="faces">
									<a href=""><img src="images/temp/faces.png" ></a>
								</div>
								<div class="user" wap="hide">李某小朋友</div>
								<div class="personal" wap="hide">
									<a href="">
										<i class="ico"><img src="images/hone.png" ></i>
										<span>个人资料</span>
									</a>
									<a href="">
										<i class="ico"><img src="images/collect.png" ></i>
										<span>我的收藏</span>
									</a>
								</div>
							</div>
							<div class="sign-out" wap="hide">
								<a href="javascritp:;">退出</a>
							</div>
						</div>
						<!-- <div class="r-icon">
							<a href="javascript:;" class="close"></a>
							<a href="#" class="mes"></a>
							 <a href="#" class="set"></a>
							<a href="" class="close"></a>
							<a href="javascript:;" class="menu">
								<i class="icon"></i>导航
							</a>
						</div> -->
					</div>
				</div>
			</div>

			<div class="sub-box">
				<div class="innertop-box" wap="hide">
					<div class="wrap">
						<div class="top-column">
							<div class="m-crumb" wap="hide">
								<span>当前位置：</span>
								<a href="/">首页</a>
								<span>-&gt;</span>
								<a href="">课程中心</a>
								<span>-&gt;</span>
								<a href="">创新思维与语言表达</a>
							</div>
							<div class="m-search">
								<input type="text" name="" placeholder="输入课程名称或授课老师" />
								<button type="button"></button>
							</div>
						</div>
					</div>
				</div>
				<div class="media-box video-box">
					<div class="left-column">
						<div class="m-curriculum">
							<div class="u-title">
								<h2 class="elli1">《创新思维与语言表达》</h2>
								<div class="u-label">创新思维</div>
							</div>
							<div class="m-video">
								<div class="u-video">
									<video width="100%" height="100%" controls="controls" poster="images/temp/reco01.jpg"> <!-- poster视频封面图 -->
									  <source src="http://media.chinarun.com/upload/media/2019/11/27/9c844271-4257-484b-bbb3-1aacc837b798.mp4" type="video/mp4">
										您的浏览器不支持视频播放，建议使用谷歌浏览器
									</video>
								</div>
							</div>
							<div class="m-video-syn" pc="hide">
								<div class="tit">第一节《创新思维与语言表达》</div>
								<div class="syn-btn" pop="false">简介<i>&gt;</i></div>
							</div>
							<div class="u-colle">
								<div class="items">
									<div class="u-collect"><i class="icon"></i>收 藏</div>
									<div class="u-share"><a href=""><i class="icon"></i>分 享</a></div>
								</div>
								<div class="items">
									<div class="u-browse"><i class="icon"></i>1021</div>
									<div class="u-period">30课时</div>
								</div>
							</div>
							<div class="u-info">
								<div class="items u-time"><i class="icon"></i>上线时间：<span>2021-05-08</span></div>
								<div class="items u-lecturer"><i class="icon"></i>主讲教师：<span>李某</span></div>
							</div>
							
						</div>
						<div class="m-introd" wap="hide">
							<h3>课程简介：</h3>
							<div class="u-con">
							重庆高新区青少年成长素质中心总部项目运营主体为重庆和而不同教育科技有限公司，并以“学生生涯规划与管理”作为践行上述素质中心建设的内容和要求的主要途径，并且作为打造与培养综合素质优异的青少年的教育载体。在此内容基础上，以“生涯舟项目”作为整体项目的对外形象与品牌，“生涯舟”标志作为
							</div>
						</div>
						<div class="m-details" wap="hide">
							<div class="u-det-tit"><span>课程详情</span></div>
							<div class="u-con">
								<p><img src="images/temp/deta.jpg" ></p>
								<p>重庆高新区青少年成长素质中心总部项目运营主体为重庆和而不同教育科技有限公司，并以“学生生涯规划与管理”作为践行上述素质中心建设的内容和要求的主要途径，并且作为打造与培养综合素质优异的青少年的教育载体。在此内容基础上，以“生涯舟项目”作为整体项目的对外形象与品牌，“生涯舟”标志作为</p>								<p>重庆高新区青少年成长素质中心总部项目运营主体为重庆和而不同教育科技有限公司，并以“学生生涯规划与管理”作为践行上述素质中心建设的内容和要求的主要途径，并且作为打造与培养综合素质优异的青少年的教育载体。在此内容基础上，以“生涯舟项目”作为整体项目的对外形象与品牌，“生涯舟”标志作为</p>
							</div>
						</div>
						<div class="m-catalogue" pc="hide" opens="false">
							<div class="catalogue-tit" pc="hide">
								<div class="tit">课程目录</div>
								<div class="catalogue-btn">&gt;</div>
							</div>
							
							<div class="m-catalogue-list swiper-container">
								<ul class="swiper-wrapper">
									<!-- 当前播放的li 加 class="current" 新增加class="new" -->
									<li class="swiper-slide current">1</li>
									<li class="swiper-slide">2</li>
									<li class="swiper-slide">3</li>
									<li class="swiper-slide">4</li>
									<li class="swiper-slide">5</li>
									<li class="swiper-slide">6</li>
									<li class="swiper-slide">7</li>
									<li class="swiper-slide">8</li>
									<li class="swiper-slide new">9</li>
									<li class="swiper-slide new">10</li>
									<li class="swiper-slide new">11</li>
									<li class="swiper-slide new">12</li>
									
								</ul>
							</div>
						</div>		
						<div class="recom-box" pc="hide">
							<h2>相似推荐</h2>
							<div class="m-list-recom">
								<ul>
									<li>
										<a href="">
											<div class="u-img">
												<img src="images/temp/recom.jpg" >
											</div>
											<div class="u-tetx">
												<div class="y-tit elli2">《创新思维表达的基础概念》</div>
												<div class="y-teac">主讲教师：<span>李某</span></div>
											</div>
										</a>
									</li>
									<li>
										<a href="">
											<div class="u-img">
												<img src="images/temp/recom.jpg" >
											</div>
											<div class="u-tetx">
												<div class="y-tit elli2">《创新思维表达的基础概念》</div>
												<div class="y-teac">主讲教师：<span>李某</span></div>
											</div>
										</a>
									</li>
									
								</ul>
							</div>
						</div>
						
					</div>
					<div class="right-column">
						<div class="m-catalogue" wap="hide">
							<h2>课程目录</h2>
							<div class="m-catalogue-list">
								<ul>
								<!-- 当前播放的li 加 class="current" -->
								<li class="current">
									<i class="icon"></i>
									<span class="elli1">第一节：《创新思维表达的基础概念》</span>
								</li>
								<li>
									<i class="icon"></i><span>第二节：《创新思维表达的基础概念》</span>
								</li>
								<li>
									<i class="icon"></i><span>第三节：《创新思维表达的基础概念》</span>
								</li>
								<li>
									<i class="icon"></i><span>第四节：《创新思维表达的基础概念》</span>
								</li>
								<li>
									<i class="icon"></i><span>第五节：《创新思维表达的基础概念》</span>
								</li>
								<li>
									<i class="icon"></i><span>第五节：《创新思维表达的基础概念》</span>
								</li>
								<li>
									<i class="icon"></i><span>第五节：《创新思维表达的基础概念》</span>
								</li>
								<li>
									<i class="icon"></i><span>第五节：《创新思维表达的基础概念》</span>
								</li>
								<li>
									<i class="icon"></i><span>第五节：《创新思维表达的基础概念》</span>
								</li>
								<li>
									<i class="icon"></i><span>第五节：《创新思维表达的基础概念》</span>
								</li>
							</ul>
							</div>
						</div>
						<div class="recom-box" wap="hide">
							<h2 wap="hide">相似推荐</h2>
							<div class="m-list-recom">
								<ul>
									<li>
										<a href="">
											<div class="u-img">
												<img src="images/temp/recom.jpg" >
											</div>
											<div class="u-tetx">
												<div class="y-tit elli2">《创新思维表达的基础概念》</div>
												<div class="y-teac">主讲教师：<span>李某</span></div>
											</div>
										</a>
									</li>
									<li>
										<a href="">
											<div class="u-img">
												<img src="images/temp/recom.jpg" >
											</div>
											<div class="u-tetx">
												<div class="y-tit elli2">《创新思维表达的基础概念》</div>
												<div class="y-teac">主讲教师：<span>李某</span></div>
											</div>
										</a>
									</li>
									
								</ul>
							</div>
						</div>
						<div class="teacher-box">
							<div class="y-top">
								<div class="u-img">
									<img src="images/temp/teac01.jpg" alt="">
								</div>
								<div class="u-name">主讲教师：<span>李某</span></div>
							</div>
							<div class="y-con">
								贺永立，重庆八中语文研究员（教授），长期致力于大语文与创新思维相结合的研究以及学生生涯规划与管理，青少年生涯规划专家，高考、中考面试培训专家,贺永立，重庆八中语文研究员（教授），长期致力于大语文与创新思维相结合的研究以及学生生涯规划与管理，青少年生涯规划专家，高考、中考面试培训专家,贺永立，重庆八中语文研究员（教授），长期致力于大语文与创新思维相结合的研究以及学生生涯规划与管理，青少年生涯规划专家，高考、中考面试培训专家,贺永立，重庆八中语文研究员（教授），长期致力于大语文与创新思维相结合的研究以及学生生涯规划与管理，青少年生涯规划专家，高考、中考面试培训专家
							</div>
							<div class="y-btn" wap="hide" opn="false">加载更多</div>
						</div>
						<div class="m-introd" pc="hide">
							<h3>课程简介：</h3>
							<div class="u-con">
							重庆高新区青少年成长素质中心总部项目运营主体为重庆和而不同教育科技有限公司，并以“学生生涯规划与管理”作为践行上述素质中心建设的内容和要求的主要途径，并且作为打造与培养综合素质优异的青少年的教育载体。在此内容基础上，以“生涯舟项目”作为整体项目的对外形象与品牌，“生涯舟”标志作为
							</div>
						</div>
						<div class="m-details" pc="hide">
							<div class="u-det-tit"><span>课程详情</span></div>
							<div class="u-con">
								<p><img src="images/temp/deta.jpg" ></p>
								<p>重庆高新区青少年成长素质中心总部项目运营主体为重庆和而不同教育科技有限公司，并以“学生生涯规划与管理”作为践行上述素质中心建设的内容和要求的主要途径，并且作为打造与培养综合素质优异的青少年的教育载体。在此内容基础上，以“生涯舟项目”作为整体项目的对外形象与品牌，“生涯舟”标志作为</p>
								<p>重庆高新区青少年成长素质中心总部项目运营主体为重庆和而不同教育科技有限公司，并以“学生生涯规划与管理”作为践行上述素质中心建设的内容和要求的主要途径，并且作为打造与培养综合素质优异的青少年的教育载体。在此内容基础上，以“生涯舟项目”作为整体项目的对外形象与品牌，“生涯舟”标志作为</p>
							</div>
						</div>
						
					</div>
					
				</div>
			</div>

			<div class="footer-box" wap="hide">
				<div class="m-links">
					<div class="wrap">
						<div class="m-tit">友情链接：</div>
						<div class="m-list">
							<ul>
								<li><a href="">留学生网</a></li>
								<li><a href="">澳大利亚留学</a></li>
								<li><a href="">日本留学</a></li>
								<li><a href="">新加坡留学</a></li>
								<li><a href="">美国留学</a></li>
								<li><a href="">英国留学</a></li>
								<li><a href="">法国留学</a></li>
								<li><a href="">德国留学</a></li>
								<li><a href="">马来西亚留学</a></li>
								<li><a href="">韩国留学</a></li>
								<li><a href="">加拿大留学</a></li>
								<li><a href="">留学生网</a></li>
								<li><a href="">澳大利亚留学</a></li>
								<li><a href="">日本留学</a></li>
								<li><a href="">新加坡留学</a></li>
								<li><a href="">美国留学</a></li>
								<li><a href="">英国留学</a></li>
								<li><a href="">法国留学</a></li>
								<li><a href="">德国留学</a></li>
								<li><a href="">马来西亚留学</a></li>
								<li><a href="">韩国留学</a></li>
								<li><a href="">加拿大留学</a></li>
							</ul>
						</div>
					</div>
				</div>
				<div class="m-contact">
					<div class="wrap">
						<div class="left-column">
							<div class="items">
								<h3>优质留学</h3>
								<div class="m-list">
									<ul>
										<li><a href="">英国 UK</a></li>
										<li><a href="">美国 USA</a></li>
										<li><a href="">日本 Japan</a></li>
										<li><a href="">澳大利亚 Australian</a></li>
										<li><a href="">马来西亚 Malaysia</a></li>
										<li><a href="">德国 Germany</a></li>
										<li><a href="">新加坡 Singapore</a></li>
									</ul>
								</div>
							</div>
							<div class="items">
								<h3>关于我们</h3>
								<div class="m-list">
									<ul>
										<li><a href="">公司简介</a></li>
										<li><a href="">公司荣誉</a></li>
										<li><a href="">发展历程</a></li>
										<li><a href="">联系我们</a></li>
									</ul>
								</div>
							</div>
							<div class="items">
								<h3>服务中心</h3>
								<div class="m-list">
									<ul>
										<li><a href="">如何加入我们？</a></li>
										<li><a href="">服务条款</a></li>
										<li><a href="">如何报名？</a></li>
									</ul>
								</div>
							</div>
						</div>
						<div class="right-column">
							<h3>联系我们</h3>
							<div class="y-bottom">
								<div class="m-text">
									<div class="u-phone"><label>咨询热线</label><span>400-023-6669</span></div>
									<div class="u-en">Study Abroad</div>
									<p>周一至周日9:00-21:00（法定节假日除外）</p>
								</div>
								<div class="m-text">
									<div class="u-fax"><label>传&nbsp;&nbsp;&nbsp;真：</label><span>023-61669260</span></div>
									<div class="u-mail"><label>E-mail：</label><span>liuxuepeixun@yahoo.cn</span></div>
									<div class="u-address"><label>地 &nbsp;&nbsp;&nbsp;址：</label><span>重庆市渝中区两路口港天大厦A栋</span></div>
								</div>
								<div class="m-imgtext">
									<div class="u-img"><img src="images/temp/wx.jpg"></div>
									<div class="u-text">
										<p>扫描二维码</p>
										<p>关注<span>微信</span>公众号</p>
										<p>更多留学信息等着你</p>
									</div>
								</div>
								<div class="m-imgtext">
									<div class="u-img"><img src="images/temp/wx.jpg"></div>
									<div class="u-text">
										<p>扫描二维码</p>
										<p>关注<span>WEB</span>公众号</p>
										<p>更多留学信息等着你</p>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="m-copyright">
					<div class="wrap">
						<p>All right © 2017 重庆云微软件有限公司 <span>备案号审理中... </span> 技术支持：云微软件</p>
					</div>
				</div>
			</div>
			<div class="client-box" pc="hide">
				<ul>
					<li><a href="">首页</a></li>
					<li><a href="">课程中心</a></li>
				</ul>
			</div>
			<div class="m-client" wap="hide">
				<ul class="j-child-num">
					<li class="child-1">
						<div class="u-box">
							<a href="">
								<div class="icoBox">
									<i class="ico"></i>
								</div>
							</a>
						</div>
					</li>
					<li class="child-2 client-text">
						<div class="u-box">
							<a href="">
								<div class="icoBox">
									<i class="ico"></i>
								</div>
								<div class="text">023-68079912</div>
							</a>
						</div>
					</li>
					<li class="child-3">
						<div class="u-box">
							<a href="">
								<div class="icoBox">
									<i class="ico"></i>
								</div>
							</a>
						</div>
					</li>
					<li class="child-4 client-weixin">
						<div class="u-box">
							<a href="">
								<div class="icoBox">
									<i class="ico"></i>
								</div>
								<div class="erwei"><img src="images/temp/wx.jpg" alt="重庆和而不同教育科技有限公司"></div>
							</a>
						</div>
					</li>
				</ul>
				<div class="goTop">
					<a href="javascritp:;"></a>
				</div>
			</div>
		</div>


		<script src="https://cdn.staticfile.org/Swiper/4.4.0/js/swiper.min.js"></script>
		<script src="js/globle.js"></script>
		<script src="js/index_ly.js"></script>

	</body>
</html>
